<div class="center">
    <ul class="pagination">
        {% if pageinfo %}
            {% if pageinfo.pagination.prev_num %}
                {% if pageinfo.type == 10 %}
                    <li><a href="/pic/{{ pageinfo.pagination.prev_num }}" ><<</a></li>
                {% elif pageinfo.type == 41 %}
                    <li><a href="/video/{{ pageinfo.pagination.prev_num }}"><<</a></li>
                {% elif pageinfo.type == 29 %}
                    <li><a href="/text/{{ pageinfo.pagination.prev_num }}"><<</a></li>
                {% else %}
                    <li><a href="/{{ pageinfo.pagination.prev_num }}"><<</a></li>
                {% endif %}
            {% endif %}
            {% for p in pageinfo.pagination.iter_pages(left_edge=0,left_current=2,right_current=3,right_edge=0) %}
                {% if p %}
                    {% if p != pageinfo.pagination.page %}
                        {% if pageinfo.type == 10 %}
                              <li><a href="/pic/{{ p }}" >{{ p }}</a></li>
                        {% elif pageinfo.type == 41 %}
                              <li><a href="/video/{{ p }}" >{{ p }}</a></li>
                        {% elif pageinfo.type == 29 %}
                              <li><a href="/text/{{ p }}" >{{ p }}</a></li>
                        {% else %}
                              <li><a href="/{{ p }}" >{{ p }}</a></li>
                        {% endif %}
                    {% else %}
                        <li><a class="active">{{ p }}</a></li>
                    {% endif %}
                {% else %}
                    <span></span>
                {% endif %}
            {% endfor %}

            {% if pageinfo.pagination.next_num %}
                {% if pageinfo.type == 10 %}
                    <li><a href="/pic/{{ pageinfo.pagination.next_num }}" >>></a></li>
                {% elif pageinfo.type == 41 %}
                    <li><a href="/video/{{ pageinfo.pagination.next_num }}" >>></a></li>
                {% elif pageinfo.type == 29 %}
                    <li><a href="/text/{{ pageinfo.pagination.next_num }}" >>></a></li>
                {% else %}
                    <li><a href="/{{ pageinfo.pagination.next_num }}" >>></a></li>
                {% endif %}
            {% endif %}
        {% endif %}
        </ul>
    </div>